在談一個開發專案的時候，最常遇到的問題是客戶告訴你我要的東西很簡單，
去跟客戶談的那位神隊友還頻頻點頭說是，
導致現在開發出現了無限壓縮工期的現象。

哀，既然我們是無所不能的魔術師(工程師)，
那我們只好想盡辦法來加快我們的開發速度囉。

套件，一語概括之就是，
前人將遇到的問題解決後，
將解決方法包起來，給我們這些可愛的後輩使用。
雖然使用套件有時候會面臨被坑還無法修正問題的情況。
不過跟他所帶來的便利性相比這些問題瑕不掩瑜，
通常來說並不會影響套件所帶來的效益。

接下來稍微介紹一下之後會用到的 小工具/套件 吧。

cnpm

cnpm 簡單來說就是大陸版的 npm ，畢竟npm是從洋人那邊拿東西，
有時候手短拿不到就改到對岸去拿東西囉。

可以直接用先前安裝好的 npm指令幫我們安裝cnpm

npm install -g cnpm --registry=https://registry.npm.taobao.org

安裝好之後所有的使用方式都一樣，只要把 npm 改成 cnpm

GitHub Desktop

這隻小貓咪(GitHub)，大概是陪著不少工程師征戰多年吧。
Git 主要是一個在多人開發時，
會使用的分散式版本控制小工具。

不過，因為老是要輸入一堆的指令很麻煩，
所以這隻小貓咪(GitHub)就自己弄了一套GitHub Desktop，
可以減少輸入一堆平常時再做版控的時候輸入的一長串指令。

接下來介紹撰寫程式會用到的套件

vue-router

官方推薦用來幫助管理路由的套件，
白話一點解釋的話就是幫忙管理畫面切換功能的工具。

這邊安裝需要注意一個問題，
vue 現在分 2.0 和 3.0 兩個版本。

如果我們想要在 Vue3.0 之後的版本使用的話，我們可以用下面指令:

npm i vue-router@next --save

也可以用 cnpm 來安裝

vuex

還記得我們之前父傳子 、 子傳父 、 和 雙向溝通 嗎?
為了資料的傳遞，搞來搞去費了我們很大一個功夫呢。
我們可以透過使用 vuex 來幫助我們做全局的狀態管理，
可以減少我們很多數值傳來傳去的困擾。
與vue-router一樣，有分vue2 與 vue3的版本，
vue3的版本要使用下面的指令:

npm install vuex@next --save

(p.s. --save 的意思是在package.json中 dependencies 與 devDependencies寫入 )

結語

在專案開發前，盡量先決定好會使用到的套件。
因為在開發時，難免會受到套件的因素，
影響我們撰寫程式碼的走向，若一直在中途加入新的套件，
很容易讓我們的程式碼看起來雜亂無章。

另外因為Vue 最近由2.0 轉 3.0 要特別注意每個套件適用於
哪個版本的Vue 以免裝了一大堆都無法使用。